* { padding: 0; margin: 0; }

@font-face {
  font-family: 'IconPack';
  src: url('../font/iconpack.eot');
  src: local('IconPack'),
    url('../font/iconpack.woff') format('woff'),
    url('../font/iconpack.ttf') format('truetype'),
    url('../font/iconpack.svg#IconPack') format('svg');
}

body {
/*text-shadow:1px 1px 0 white;*/
overflow-x:hidden;
font: 14px Tahoma, Verdana, sans-serif;
background: url(../images/bg_body.gif) repeat-x fixed;
background-color: #FFFFFF;
}

h1 {
 text-shadow:1px 1px 0 white;
 font-size: 1.375em; /* 16x1.375=22px */
 line-height: 1.636em;/* 16x1.636=36px */
 margin: 0; 
}

h2,h3 {
 text-shadow:1px 1px 0 white;
 font-size: 1.375em; /* 16x1.125=18px */
 margin:0; /* 18x1=18px */
 color: #31444F;
}

a, ul a, a:active, a:visited {
 text-shadow:1px 1px 0 white;
 color: #375A6E;
 text-decoration:none;
}

a:hover {
 color: #50798F;
 text-decoration:underline;
}

hr {
	border: 0px;
	margin-top: 2px;
	border-top: 1px solid #6197a3;
	height: 10px;
}

#wrapper {
 padding: auto;
 margin: auto;
 width: 1000px;
}

#header {
 padding-top: 80px;
/*
 background-image:url('../images/panoramap_logo.png'); 
 background-repeat:no-repeat;
 */

}

#header h1 a, #header h2 a {
 color:#fff;
 text-decoration:none;
}

#header h1 a:hover, #header h2 a:hover {
 text-decoration:underline;
}

.icon {
	cursor: default;
	font-family: 'IconPack';
	text-decoration: none;
}

.show {
	display:block;
}

.hide {
	display:none;
}

.home:before {
	content:'A';
}

.login:before {
	content:'C';
}

.point:before {
	content:'Q';
}

.tag:before {
	content: 'f';
}

.signup:before {
	content:'K';
}

.search:before {
	content:'S';
}

.blog:before {
	content:'D';
}

.album:before {
	content:'T';
}

.upload:before {
	content:'E';
}

.follow:before {
	content:'b';
}

#navigation {
	width: 100%;
	float: left;	
 	background-color: #b1dae3;
	border-bottom: 1px solid #76bccc;
	-webkit-box-shadow: #999 0px 2px 2px;
	-moz-box-shadow: #999 0px 2px 2px;
}

#navigation li {	
	display:inline;
}
	
#navigation a {
	color: #53848f;
	font-size: 2em;
	cursor: pointer;
	float: left;
	margin-right: 10px;
	padding: 0 10px;
	line-height: 20px;
	text-shadow: none;
}

#navigation a:hover {
	text-decoration: none;
	text-shadow: 0.063em 0.063em 0.413em #FFFFFF;
}

#navigation a span {
	float: right;
	color: #53848f;
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	line-height: 25px;;
	padding-left: 4px;
	text-shadow:1px 1px 0 white;
}

#search_frm {
	float:right;
	background:#FFFFFF url(../images/magnifying-glass.gif) no-repeat 4px 4px;
	padding:3px 0px 3px 20px;
	border:1px solid #6197a3;
	height:16px;
	/*
	background-image:url('../images/magnifying-glass.gif');
	background-repeat:no-repeat;
	float: right;
	padding-top: 2px;
	padding-right: 2px;
	*/
}

.date {
 float:right;
 margin:0;
 padding: 0 15px; 
 color:#FFF;
}


#one { 
 color: #31444f;
 padding: 10px 0 0 10px;
 width: 276px;
 float: left;
 background: #FFF;
}

#oneLeft { 

background: white;
-webkit-box-shadow: #999 0px 3px 3px;
-moz-box-shadow: #999 0px 3px 3px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;

border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;

 padding: 10px 0 0 10px;
 width: 626px;
 float: left;
}

.span-500 {float:left;padding:10px;width:500px;}
.span-700 {float:left;padding:10px;width:700px;}
.span-960 {float:left;padding:10px;width:980px;}

.container { 
	background: white;
	-webkit-box-shadow: #999 0px 2px 2px;
	-moz-box-shadow: #999 0px 2px 2px;

	width:1000px;
	float: left;
}

.last {margin-right:0;}

.infobar {
	color:#375A6E;
	padding: 10px;
	margin:5px;
}

.sidebar {
	width:250px;
	float: right;
	padding: 10px;
	border-left: 1px solid #D5E1E1;
}

.sidebar li {
	list-style: none;
}

#three { 
 padding: 0 5px 0 5px;
 width: 250px;


 background: white;
-webkit-box-shadow: #999 0px 3px 3px;
-moz-box-shadow: #999 0px 3px 3px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;

border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
}

#three .item, #three_one .item, #three_two .item {
 padding: 10px;
 background: #F9FFFF;
 border:1px solid #F9FFFF;
 margin: 0 0 10px 0;
}

#three_one { 
 color: #333;
 background: #FFF;
 margin: 0px 0 0px 0px;
 padding: 0px 0 10px 0;
 width: 157px;
 float: left;
}

#three_two { 
 color: #333;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 0px 0 10px 10px;
 width: 157px;
 float: left;
}

#one h2, #three h3, #three_one h3, #three_two h3 {
 display:block;
 border-bottom:1px solid #E0EAEF;
 margin: 0 0 5px 0;
 padding:0;
}

#one_wide h2, #two h2 {
 display:block;

 margin: 0 0 4px 0;
 padding:0;
}

p, #one ul, #one_wide ul, #two ul, #three ul, #three_one ul, #three_two ul {
 margin:0;
 padding: 0 0 10px 0;
 color: #31444F; 
}

#one li, #one_wide li, #two li, #three li, #three_one li, #three_two li {
 margin:0 0 0 20px;
 padding:0;
 color: #31444F; 
}

#two ol, #one_wide ol {
 margin: 0 0 10px 5px;
 color: #31444F; 
}

#two blockquote {
 margin: 10px;
 padding: 10px;
 border-left:5px solid #fff;
 background:#fff;
}

#one .item img, #two .item img  {
 float:left;
 margin: 1px 1px 1px 0;
 padding:3px;
}

#one .item img  {
 border:1px solid #E0EAEF;
}

#two .item img  {
 border:0px solid #d5e1e1;
}

#footer { 
 clear: both;
 padding: 10px 0 10px 0;
}

#footer a {
 margin:0;
 color:#3089A7;
 text-decoration:none;
 padding: 5px 15px 5px 15px; 
}

#footer a:hover {
 text-decoration:underline;
}

#footer  li {
 display:inline;
 border:0px solid #FFF;
 color:#1C4E5E;
}


.item-footer {
 padding:0 0 0 0;
 margin: 10px 0 0 0;
 font-size:0.75em;
}

#one_wide .item p a , p a, #one_wide .item .item-footer a {
 text-decoration:underline;
}

label {
	display:block;
	font-weight:normal;
	margin: 5px 0 0 5px;
}

/*
input {
	border: 1px solid #8b8b8b; 
	color:#333;	
}

textarea {
	margin: 5px 0 0 5px;
	padding:2px;
	border: 1px solid #8b8b8b; 
	font: normal 1.2em Tahoma, sans-serif;
	color:#333;	
	width:300px;
	height:50px;
	display:block;
}
*/

input.input-text, input.password, textarea { display: block; background: transparent url("../images/input-bg.png") no-repeat 0 0; margin: 0 0 10px; padding: 3px 4px; border: 1px solid #bbb; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 1px #fff; font: 12px/18px "Tahoma", Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; text-shadow: 0 0 1px #fff; color: #999; position: relative; z-index: 2; line-height: 18px; }
		
form input.input-text:focus, form textarea:focus { outline: none; border-color: #999; color: #333; padding: 2px 3px; border: 2px solid #2daebf; }

label { display: block; font-size: 16px; font-weight: normal; line-height: 18px; cursor: pointer; position: relative; z-index: 1; }
label.inlined { padding: 3px 0 3px 6px; font-weight: normal; font-size: 12px; font-family: "Tahoma" ,Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; color: #aaa; -webkit-transition: color 0.15s linear; background: #fff; width: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; z-index: 1; }
label.focus { color: #ccc; }
label.has-text { color: #fff; -webkit-transition-duration: 0s; }
label.inlined + input.input-text { margin-top: -25px; }
label.inlined + textarea.input-text { margin-top: -43px; }

textarea.commentbox {
	margin: 5px 0 5px 5px;
	padding:2px;
	border: 1px solid #8b8b8b; 
	font: normal 1.2em Tahoma, sans-serif;
	color:#333;	
	width:600px;
	height:80px;
	display:block;
}

input.button { 
		font: normal 12px Tahoma, sans-serif;
		padding: 6px 10px;
		-webkit-border-radius: 2px 2px;
		-moz-border-radius: 2px 2px;
		border: solid 1px rgb(153, 153, 153);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
		background: -moz-linear-gradient(#ffffff, #dddddd);
		color: #333;
		text-decoration: none;
		cursor: pointer;
		display: inline-block;
		text-align: center;
		text-shadow: 0px 1px 1px rgba(255,255,255,1);
		line-height: 1;
}
input.button:hover { 
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(221, 221, 221)));
		background: -moz-linear-gradient(#F8F8F8, #DDDDDD);
}
input.button:active { 
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(204, 204, 204)), to(rgb(221, 221, 221))); 
		background: -moz-linear-gradient(#CCCCCC, #DDDDDD);		
}

input.buttoncomment {
    display: inline-block;
    margin: 5px;

    padding: 3px 6px;
    font-family: 'Lucida Grande', Arial, sans-serif;
    font-size: 13px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 1px solid rgba(0, 0, 0, 0.6);

    background: -webkit-gradient(linear, left top, left bottom, from(#fbfcfb), to(#9d9e9d));
    background: -moz-linear-gradient(#fbfcfb, #9d9e9d);
    background-color: #c0c2c0;

    text-shadow: rgba(255, 255, 255, 0.4) 0px 1px;

    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px;
    box-shadow: rgba(255, 255, 255, 0.4) 0 1px;

    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: pointer;	
}

input.buttoncomment:active {
    background: #B5B5B5;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
                        black 0px 1px 3px inset,
                        rgba(0, 0, 0, 0.4) 0px -5px 12px inset;

    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
                     black 0px 1px 3px inset,
                     rgba(0, 0, 0, 0.4) 0px -5px 12px inset;

    box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
                black 0px 1px 3px inset,
                rgba(0, 0, 0, 0.4) 0px -5px 12px inset;

    text-shadow: rgba(255, 255, 255, 0.3) 0px 1px;
}

img {
  margin:0;
  padding:0;
  border:1px solid #f9fdff;
}

img.showphoto {
  margin:0;
  padding:0;
  border:1px solid #f9fdff;
  overflow: hidden;
}

.error {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

-webkit-box-shadow: #999 0px 1px 1px;
-moz-box-shadow: #999 0px 1px 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;

border-bottom-left-radius: 1px 1px;
border-bottom-right-radius: 1px 1px;
border-top-left-radius: 1px 1px;
border-top-right-radius: 1px 1px;

background:#FBE6F2 none repeat scroll 0 0;
background-image:url('../images/block1.gif');
background-repeat:no-repeat;
background-position:left;
border:1px solid #D893A1;
color:#333333;
margin:10px 0 5px;
padding:10px 32px;
}

.success {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E2FEE8 none repeat scroll 0 0;
background-image:url('../images/apply2.gif');
background-repeat:no-repeat;
background-position:left;
border:1px solid #009B4E;
color:#333333;
margin:10px 0 5px;
padding:10px 32px;
}

.warning {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFC none repeat scroll 0 0;
background-image:url('../images/alert.png');
background-repeat:no-repeat;
background-position:left;
border-color: #EEB;
border-top-color: #EEB;
border-right-color: #EEB;
border-bottom-color: #EEB;
border-left-color: #EEB;
border-style: solid none;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-width: 1px 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
color:#333333;
margin:10px 0 5px;
padding:10px 150px;
}

.blogtitle {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFC none repeat scroll 0 0;
background-position:left;
border-color: #EEB;
border-top-color: #EEB;
border-right-color: #EEB;
border-bottom-color: #dfdf82;
border-left-color: #EEB;
border-style: solid none;
border-top-style: solid;
border-right-style: none;
border-bottom-style: dashed;
border-left-style: none;
border-width: 1px 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
color:#333333;
margin:10px 0 5px;
padding:10px 10px;
}

#wallpost h3	{ cursor:pointer; }
#wallpost h3.active	{ color:#6a0000; }
#wallpost h5	{ cursor:pointer; }
#wallpost h5.active	{ color:#6a0000; }
#wallpost div { height:0; overflow:hidden; position:relative; }
#wallpost div p	{ padding:0; margin-bottom:15px; }

 .row {

			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;

			border-bottom-left-radius: 8px 8px;
			border-bottom-right-radius: 8px 8px;
			border-top-left-radius: 8px 8px;
			border-top-right-radius: 8px 8px;	 
            padding: 10px;
 }
 .row:nth-child(even) {
            background: #bbb;
            color: white;
 }


 /* Badges */
    
.badges-inner-left {
        position: absolute;
        left: -3em;
        background : -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgb(255,71,71)), color-stop(1, rgb(200,17,17)));
        background : -moz-linear-gradient(center top, rgb(255,71,71) 25%, rgb(200,17,17) 100%);
        padding-top: 1px;
        height: 70px;
        width: 200px;
        font-size: 20px;
        color: #fff;
        text-shadow: 0px 1px 0px #6c0909;
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
        -moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
        box-shadow:  0px 1px 2px rgba(0,0,0, 0.5);
    }
    
.badges-inner-right {
        position: absolute;
        right: -3em;
        background : -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgb(255,71,71)), color-stop(1, rgb(200,17,17)));
        background : -moz-linear-gradient(center top, rgb(255,71,71) 25%, rgb(200,17,17) 100%);
        padding-top: 1px;
        height: 70px;
        width: 200px;
        font-size: 20px;
        color: #fff;
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
        -moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
        box-shadow:  0px 1px 2px rgba(0,0,0, 0.5);
        text-shadow: 0px 1px 0px #6c0909;
    }
        
.badges-text {
            border-top: 1px solid rgba(255, 255, 255, 0.7);
			text-align:center;
            padding-top: 10px;
        }
       